<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
    src:指定图片地址
    alt:指定当图片不存在时显示的内容
    title:指定鼠标悬停在图片上展示的内容
    width/height:指定图片宽度与高度,如果只指定一个,另一个会长比例的变化
        在改变图片宽度与高度的时候,可能会导致图片清晰度降低
-->
<img src="../images/heihei.gif" alt="图片加载失败" title="今天天气不错,很开心" width="200px">
<img src="../images/2.gif" alt="图片加载失败" title="来打一架吧" width="500px" height="200px">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天天气不错,很开心" width="100px" height="200px">
<img src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960" alt="">
</body>
</html>